<html>
<head>

<title>???</title>
<!-- the data
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/synonyms.js">
</script>
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/places.js">
</script>
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/chars.js">
</script>
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/things.js">
</script>
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/specifics.js">
</script>  -->

<!-- the engine
<script language="JavaScript" src="http://tuffs-questionable-code.googlecode.com/svn/wm_game/engine.js">
</script> -->

<!-- the data -->
<script language="JavaScript" src="synonyms.js">
</script>
<script language="JavaScript" src="places.js">
</script>
<script language="JavaScript" src="chars.js">
</script>
<script language="JavaScript" src="things.js">
</script>
<script language="JavaScript" src="specifics.js">
</script>

<!-- the engine -->
<script language="JavaScript" src="engine.js">
</script>

<!-- css goes here -->

<style>

body
{
  background-image: url(http://img684.imageshack.us/img684/4027/darkgrungegrid.gif);
  background-color: #1B1B1B;
  margin-left: 100px;
  margin-right: 100px;
  font-family: Andale Mono, Courier New, monospace;
  letter-spacing: 0.03em;
  font-size: 10pt;
  color: #FDFF00;
}

div.mainBox
{
  width: 80%;
  max-width: 860px;
  min-width: 220px;
  min-height: 280px;
  height: 80%;
  margin: 4% auto auto auto;
  line-height: 1.6;
}

div.gameTitle
{
  color: #000000;
  background-color: #DBC51E;
  border: 1px solid #51513B;
  border: 1px solid rgba(0,0,0,0.5);
  text-align: center;
  font: 36px Arial, sans-serif; text-transform: uppercase;
  font-weight: bold; line-height: 54px;
  padding: 4 4 0 4;
  background-image: url(http://img24.imageshack.us/img24/9159/yellowline.jpg);
  height: 54px;
  margin: 10px 0 -10px 0;
}
div.statusBar
{
  padding: 2px;
  font-weight: bold;
  width: 100%;
  height: 20px;
  visibility: hidden;
}
div#placeLabel
{
	float: left;
}
div#outDiv
{
  padding: 8px 10px 10px 10px;
  height: 78%;
  overflow: hidden; /* auto */
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #BCB7C9;
  border: 1px solid #232323;
  background-color: #1B1B1B;
  text-align: center;
}
div.inDiv
{
  border-left: 1px solid #232323;
  border-right: 1px solid #232323;
  border-bottom: 1px solid #232323;
  background-color: #1B1B1B;
  height: 30px; line-height: 28px;
}
div#caret
{
    float: left;
    padding-top: 2px;
    padding-left: 4px;
    font-weight: normal;
    font-size: 9pt;
  color: #D8CB3A;
}

textarea#textIn
{
  line-height: 28px;
  width: 95%;
  border: 0px;
  font-weight: bold;
  font-size: 10pt;
  overflow: hidden;
  padding: 0px;
  color: #D8CB3A;
  background-color: #1B1B1B;
  resize: none;
  white-space: nowrap;
}

</style>
</head>
<body>

<div class="mainBox">

<div class="gameTitle">
???
</div>

<div class="statusBar">
	<div id="placeLabel">omfg its a statusbar...</div>
</div>

<div id="outDiv">
<br><br><br>Your browser has JavaScript disabled! You need to enable it to play the game.
</div>

<div class="inDiv">
<div id="caret">&gt;&nbsp;</div>
<textarea cols="80" rows="1" id="textIn" onKeyDown="if(event.keyCode==38) {upKey();} else if(event.keyCode==40) {downKey();}" onKeyPress="if(event.keyCode==13 && this.value!=''){parse(this.value);this.value='';}" onKeyUp="if(event.keyCode==13){this.value='';}">
</textarea>
</div>

</div>

</body>

<script type="text/javascript">
setFont();
start();
</script>

</html>